<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition>

        <p:dialog id="CapacitacionesCreateDlg" widgetVar="CapacitacionesCreateDialog" modal="true" resizable="false" appendTo="@(body)" header="CREAR CAPACITACIONES A USUARIOS">
            <h:form id="CapacitacionesCreateForm">
                <h:panelGroup id="display">
                    <p:panelGrid columns="2" rendered="#{capacitacionesController.selected != null}">
                        <p:outputLabel value="NOMBRE DE LA INSTITUCION" for="institucion" />
                        <p:inputText id="institucion" value="#{capacitacionesController.selected.institucion}" 
                                     title="NOMBRE DE LA INSTITUCION" 
                                     required="true" 
                                     requiredMessage="NOMBRE DE LA INSTITUCION REQUERIDA"/>
                        <p:outputLabel value="NOMBRE DE LA CAPACITACION" for="nombre" />
                        <p:inputText id="nombre" value="#{capacitacionesController.selected.nombre}" 
                                     title="NOMBRE DE LA CAPACITACION" 
                                     required="true" 
                                     requiredMessage="NOMBRE DE LA CAPACITACION REQUERIDA"/>
                        <p:outputLabel value="FECHA DEL INICIO DE LA CAPACITACION" for="fechaInico" />
                        <p:calendar id="fechaInico" pattern="MM/dd/yyyy" 
                                    value="#{capacitacionesController.selected.fechaInico}" 
                                    title="FECHA DEL INICIO DE LA CAPACITACION"  showOn="button"/>
                        <p:outputLabel value="FECHA FINAL DE LA CAPACITACION" for="fechaFin" />
                        <p:calendar id="fechaFin" pattern="MM/dd/yyyy" 
                                    value="#{capacitacionesController.selected.fechaFin}" 
                                    title="FECHA FINAL DE LA CAPACITACION"  showOn="button"/>
                        <p:outputLabel value="ELIMINADO" for="eliminado" />
                        <p:selectBooleanCheckbox id="eliminado" value="#{capacitacionesController.selected.eliminado}" 
                                                 required="true" 
                                                 requiredMessage="ELIMINADO"/>
                        <p:outputLabel value="AREA DE CAPACITACION" for="idAreaCapacitacion" />
                        <p:selectOneMenu id="idAreaCapacitacion" value="#{capacitacionesController.selected.idAreaCapacitacion}" >
                            <f:selectItems value="#{areaCapacitacionController.itemsAvailableSelectOne}"
                                           var="idAreaCapacitacionItem"
                                           itemValue="#{idAreaCapacitacionItem}"
                                           itemLabel="#{idAreaCapacitacionItem.nombre}"/>
                            <f:converter binding="#{areaCapacitacionConverter}"/>
                        </p:selectOneMenu>
                        <p:outputLabel value="TIPO DE CERTIFICADO" for="idTipoCertificado" />
                        <p:selectOneMenu id="idTipoCertificado" value="#{capacitacionesController.selected.idTipoCertificado}" >
                            <f:selectItems value="#{tipoCertificadoController.itemsAvailableSelectOne}"
                                           var="idTipoCertificadoItem"
                                           itemValue="#{idTipoCertificadoItem}"
                                           itemLabel="#{idTipoCertificadoItem.nombre}"/>
                            <f:converter binding="#{tipoCertificadoConverter}"/>
                        </p:selectOneMenu>
                        <p:outputLabel value="TIPO DE EVENTO" for="idTipoEvento" />
                        <p:selectOneMenu id="idTipoEvento" value="#{capacitacionesController.selected.idTipoEvento}" >
                            <f:selectItems value="#{tipoEventoController.itemsAvailableSelectOne}"
                                           var="idTipoEventoItem"
                                           itemValue="#{idTipoEventoItem}"
                                           itemLabel="#{idTipoEventoItem.nombre}"/>
                            <f:converter binding="#{tipoEventoConverter}"/>
                        </p:selectOneMenu>
                        <p:outputLabel value="USUARIO" for="idUsuario" />
                        <p:selectOneMenu id="idUsuario" value="#{capacitacionesController.selected.idUsuario}" required="true" requiredMessage="Usuario Requerido">
                            <f:selectItems value="#{usuarioController.itemsAvailableSelectOne}"
                                           var="idUsuarioItem"
                                           itemValue="#{idUsuarioItem}"
                                           itemLabel="#{idUsuarioItem.nombres} #{idUsuarioItem.apellidos}"/>
                            <f:converter binding="#{usuarioConverter}"/>
                        </p:selectOneMenu>
                    </p:panelGrid>
                    <p:commandButton actionListener="#{capacitacionesController.create}" value="#{bundle.Save}" update="display,:CapacitacionesListForm:datalist,:growl" oncomplete="handleSubmit(args,'CapacitacionesCreateDialog');"/>
                    <p:commandButton value="#{bundle.Cancel}" onclick="CapacitacionesCreateDialog.hide()"/>
                </h:panelGroup>
            </h:form>
        </p:dialog>

    </ui:composition>
</html>
